<template>
  <div>
    <h1>ref获取DOM</h1>
    <h2 ref="add">132456</h2>
    <MoreChild ref="child" :uname.sync="un"></MoreChild>
  </div>
</template>

<script>
import MoreChild from "@/components/MoreChild.vue";
export default {
  components: {
    MoreChild,
  },
  data() {
    return {
      un: "123456",
    };
  },
  mounted() {
    // $refs 获取组件实例
    console.log(this.$refs.add);
    // 使用组件实例上面的属性
    console.log(this.$refs.child.msg);
    // 使用组件实例上面的方法
    this.$refs.child.harry();
  },
};
</script>

<style></style>
